{include file="header.tpl" title="Oversikt" logged_in=$logged_in map_type="view" CONFIG=$CONFIG}
<br /><br />

<div style="position : relative; width : 100%; min-height : 320px;"> {* beskrivelse og kart *}
	<div>{* beskrivelse *}
	
		<img style="width : 48px; height : 48px; border = 0; margin : 0.5em; float : left;" 
			src="graphic/48x48/kdmconfig.png" />
		<h4><span style="display : inline;">Hellige bilist</span></h4>
		... er sammarbeid til å få:
		<div style="margin-left : 50px;">
			<ul>
				<li>Oversikt over farlige bilister</li>
				<li>Oversikt over de verste sykkelrutene</li>
				<li>Oversikt over de beste sykkelrutene</li>
			</ul>
			<span style="font-size : x-small;"><a href="documentation.php">lær mer...</a></span>
		</div>
	
	</div>

	<div style="position : absolute; right : 0px; top : 0px; padding : 0.5em; width : 50%;"> {* kart *}
		<div id="map" style="width: 90%; height: 300px;"></div>
	</div>
</div>


<div style="position : relative; width : 100%; min-height : 15em; border : 0px solid; background-color : #FFFAF4; margin-top : 0; padding-top : 0;"> {* lister *}


	<div style="width : 50%; border : 0px solid; padding-top : 0.5em;"> {* hendelser *}

	{if $incidents|count}	
		<h4>Siste innlagte hendelser</h4>
	{/if}
	<ul style="list-style-type : none; padding : 0; margin : 0;">
	{section name=ilist loop=$incidents}
		{assign var=lon value=$incidents[ilist].lon}
		{assign var=lat value=$incidents[ilist].lat}
		<li>
			{if $lon != 0.0 or $lat != 0.0}
				<a href="javascript:center_map({$lon},{$lat})" {popup text="Koordinater ble lagt til"}>
				<img src="graphic/22x22/ark_extract.png" style="border : 0px;" /></a>
			{else}
				<a href="#" {popup text="Koordinater ble ikke lagt til"}>
				<img src="graphic/22x22/ark_extract.png" style="border : 0px;" /></a>
			{/if}			


			<a href="browse.php?offense={$incidents[ilist].id}">
				{$incidents[ilist].offense} 
			{if $incidents[ilist].area}
				i {$incidents[ilist].area}</a>
			{else}
				på uspesifisert plass</a>
			{/if}
		</li>
	{/section}
	</ul>

	</div>

	<div style="position : absolute; right : 0px; top : 0px; width : 50%; border : 0px solid;"> {* diskusjon *}
		{if $posts|count}
			<h4>Siste fra diskusjonen</h4>
		{/if}

		<ul style="list-style-type : none; padding : 0; margin : 0;">
		{section name=dlist loop=$posts}
			<li>
				<img src="graphic/22x22/agt_family.png" alt="" />
				<a href="discussion.php?thread={$posts[dlist].id}"> {$posts[dlist].title}</a> 
				<span style="font-size : x-small;">({$posts[dlist].postcount})</span>
			</li>
		{/section}
		</ul>
	</div>
</div>

{include file="footer.tpl"}
